<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/iconfont/iconfont.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/music.css') }}">

    <script src="{{ asset('assets/js/marked.min.js') }}"></script>
    <script src="{{ asset('assets/js/tailwindcss3.4.3.min.js') }}"></script>

    <title>{{ $title ?? 'Page Title' }}</title>

    @livewireStyles
</head>
<body class="bg-gray-50">

<livewire:components.navigation/>

<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 mt-20">
    {{$slot}}

    <livewire:components.music/>

    <livewire:components.footer/>
</div>

<script src="{{ asset('assets/js/music.js') }}"></script>
@livewireScripts
</body>
</html>
